BootStrap - Input Groups

É muito comum fazer página onde os usuários devem preencher dados para selecionar o produto a comprar ou em outro motivo mas quando a gente agrupa esses controles no BootStrap podemos adicionar Mensagens(Labels) a elas como se fossem 'incorporadas' a caixa de entrada de dados fazendo com que o controle fique muito mais agradável visualmente. Também em muitos casos nem precisamos colocar a mensagem (label) porque a mensagem sugerida pelo 'placeholder' (sugestão) já informa o que desejamos na célula.

Colocando uma mensagem antes do campo:

Nome:

Um campo para entrada de email estilizado :

@site.com.br

Evitando que o usuário digite uma url que já sabemos seu valor:

https://meusite.com/mensagens/

Formatando o campo para indicar que o valor a ser digitado é um valor Monetário e sem centavos :

R$
,00

Exibindo um campo grande de texto:

Descreva sucintamente o ocorrido